@charset "UTF-8";
@function rem($px) {
  $remSize: $px / 375 * 10;
  @return #{$remSize}rem;
}

/* 绝对定位一个父盒子 */
.pop_mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 3;
}

.pop_user_msg {
  z-index: 10;
  background: #fff;
  width: 90%;
  border-radius: 0.13333rem;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 3.2rem;
  left: 5%;
  display: none;
}

.pop_user_msg .container {
  padding: 0.26667rem;
}

.pop_user_msg .container header h3 {
  text-align: center;
  font-size: 0.37333rem;
  color: #333;
  line-height: 0.8rem;
}

.pop_user_msg .container header p {
  font-size: 0.26667rem;
  text-align: left;
}

.pop_user_msg .container header p i {
  color: #f35625;
}

.pop_user_msg .container .content div {
  display: flex;
  height: 1.2rem;
  align-items: center;
  width: 100%;
}

.pop_user_msg .container .content div p {
  color: #333333;
  font-size: 0.42667rem;
  display: flex;
  justify-content: space-between;
  width: 2.53333rem;
  flex-shrink: 0;
}

.pop_user_msg .container .content div p i {
  color: #f35625;
  flex-shrink: 0;
}

.pop_user_msg .container .content div p span {
  width: 1.86667rem;
  text-align: justify;
  text-align-last: justify;
  -moz-text-align-last: justify;
  /* 针对 Firefox 的代码 */
  display: inline-block;
}

.pop_user_msg .container .content div input {
  text-align: left;
  border: 1px solid #333;
  width: 5.06667rem;
  height: 0.8rem;
  line-height: 0.8rem;
  color: #666;
  margin: 0 0 0 0.26667rem;
  padding-left: 0.26667rem;
  flex-grow: 1;
}

.pop_user_msg .container footer {
  width: 100%;
  height: 0.93333rem;
  line-height: 0.93333rem;
  font-size: 0.37333rem;
  border-radius: 0.05333rem;
  background: #0099ff;
  border: 1px solid #0099ff;
  color: #fff;
  margin-top: 0.53333rem;
}

.pop_user_msg .container footer a {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.pop_user_msg .container .back_mine {
  text-align: center;
}

.pop_user_msg .container .back_mine a {
  color: #0099ff;
  line-height: 0.8rem;
}

::-webkit-input-placeholder {
  color: #999;
  font-size: 0.42667rem;
  line-height: 0.8rem;
  letter-spacing: 1px;
}

/* 分享标题以及副标题等设置 */
.share_pop {
  position: absolute;
  width: 90%;
  margin-left: 5%;
  background-color: #fff;
  border-radius: 0.13333rem;
  top: 3.2rem;
  z-index: 3;
  display: none;
}

.share_pop .share_pop_content {
  padding: 0.26667rem;
}

.share_pop .share_pop_content p {
  color: #666;
}

.share_pop .share_pop_content .share_title {
  width: 100%;
  line-height: 0.8rem;
  margin: 0.26667rem 0;
  color: #0099ff;
  border-color: #666;
  border-radius: 0.05333rem;
}

.share_pop .share_pop_content > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.share_pop .share_pop_content .left_img {
  width: 2.66667rem;
}

.share_pop .share_pop_content .left_img img {
  width: 2.66667rem;
  height: 2.66667rem;
}

.share_pop_content .left_img > div {
  position: relative;
  left: 0;
  top: 0;
  text-align: center;
  background-color: #0099ff;
  border-radius: 0.05333rem;
  color: #fff;
  margin: 0.13333rem 0;

}

#inputfile {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
}

.share_pop .share_pop_content > div .right_word {
  width: 5.33333rem;
  height: 3.46667rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.share_pop .share_pop_content > div .right_word textarea {
  width: 100%;
  height: 3.2rem;
  font-size: 0.37333rem;
  border: 1px dashed #666;
  border-radius: 5px;
  color: #0099ff;
  resize: none;
  padding: 0;
  min-height: 3.2rem !important;
  max-height: 3.2rem !important;
}

.share_pop .share_footer {
  box-shadow: 0 -2px 5px #eaeaea;
  padding: 0.26667rem;
}

.share_pop .share_footer .share_footer_content {
  display: flex;
  justify-content: space-between;
}

.share_pop .share_footer .share_footer_content a {
  display: inline-block;
  width: 40%;
  height: 0.8rem;
  line-height: 0.8rem;
  border: 1px solid #0099ff;
  text-align: center;
  border-radius: 0.13333rem;
}

.share_pop .share_footer .share_footer_content a:first-child {
  color: #0099ff;
}

.share_pop .share_footer .share_footer_content a:last-child {
  color: #fff;
  background-color: #0099ff;
}

/* 点击分享后弹框 */
.share-way {
  position: absolute;
  display: none;
  left: 5%;
  top: 10%;
  width: 90%;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  z-index: 5;
  overflow: hidden;
  > h3 {
    line-height: 0.8rem;
    font-size: 0.42667rem;
    text-align: left;
    padding-left: .4rem;
  }
  >h3:first-child{
    padding-top: rem(20);
  }
  .way_word {
    margin: 0.4rem;
    border: 1px dashed #ceced0;
    padding: rem(10) 5px;
  }
  .min-link {
    border: 1px dashed #ceced0;
    background: #ededed;
    border-radius: 3px;
    text-align: left;
    padding: rem(10);
    margin-top: rem(20);
    p {
      font-size: 0.32rem;
      color: #818181;
    }
  }
  .share-footer {
    background: #0099ff;
    font-size: rem(16);
    text-align: center;
    line-height: rem(40);
    height: rem(40);
    color: #fff;
    border-top: #666;
  }
}

/* 报名成功,提示分享 */
.sign-suc {
  position: absolute;
  display: none;
  left: 5%;
  top: 10%;
  width: 90%;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  z-index: 5;
  overflow: hidden;
  > h3 {
    line-height: 0.8rem;
    font-size: 0.42667rem;
  }
  >h3:first-child{
    padding-top: rem(20);
  }
  > p {
    line-height: rem(20);
    font-size: 0.42667rem;
    color: #818181;
  }
  .way_word {
    margin: rem(15);
    border: 1px dashed #ceced0;
    padding: rem(10) 5px;
  }
  .min-link {
    border: 1px dashed #ceced0;
    background: #ededed;
    border-radius: 3px;
    text-align: left;
    padding: rem(10);
    margin-top: rem(20);
    p {
      font-size: 0.32rem;
      color: #818181;
    }
  }
  .sign-suc-footer{
    background: #0099ff;
    font-size: rem(16);
    text-align: center;
    line-height: rem(40);
    height: rem(40);
    color: #fff;
    border-top: #666;
  }
}

